<template>

<div class="page-product">
    <el-row class="m-crumbs">
        <Mcrumbs/>
    </el-row>
    <el-row>
        <el-col :span="19">
            <el-row>
                <Mcategory/>
            </el-row>
            <el-row>
                <Mlist/>
            </el-row>
            <el-row>
                <Mitem/>
            </el-row>
        </el-col>
        <el-col :span="5">
            <el-row>
                <img src="../img/one.png" alt="app" width="230px" style="margin-left:10px;border-radius:5px">
            </el-row>
            <el-row>
                <!-- <img src="../img/two.png" alt="猜你喜欢" width='230px' style="margin-left:10px;border-radius:5px;margin-top:10px"> -->
                <Mlikefood/>
            </el-row>
        </el-col>

    </el-row>
</div>
</template>

<script>
import  Mcrumbs from '@/components/products/crumbs.vue'
import  Mcategory from '@/components/products/category.vue'
import  Mlist from '@/components/products/list.vue'
import  Mlikefood from '@/components/products/likefood.vue'

export default {
    components:{
        Mcrumbs,
        Mcategory,
        Mlist,
        Mlikefood
       
    }
}
</script>
<style lang="scss">
@import '@/assets/css/products/index.scss';
</style>